<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('员工排班列表')" />
	<style>
		.qiandaoanniu {
			background-color: #1083c6;
			width: 400px;
			height: 400px;
			border-radius: 400px 400px 400px 400px;
			color: white;
			text-align:center;
			line-height: 400px;
			font-size: 70px;
			user-select:none;
		}
		.qiandaoanniu:hover {
			background-color: #005781;
			border: 2px solid white;
		}
	</style>
</head>
<body class="gray-bg">
<div class="container-div">
	<div class="row">
<!--		<div class="col-sm-12 search-collapse">-->
<!--			<form id="formId">-->
<!--				<div class="select-list">-->
<!--					<ul>-->
<!--						<li>-->
<!--							<label>日期：</label>-->
<!--							<input type="text" value="2023-4-11" class="time-input" placeholder="请选择日期" name="date"/>-->
<!--						</li>-->
<!--						<li>-->
<!--							<label>班次：</label>-->
<!--							<input type="text" name="banci"/>-->
<!--						</li>-->


<!--						<li>-->
<!--							<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>-->
<!--							<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>-->
<!--						</li>-->
<!--					</ul>-->
<!--				</div>-->
<!--			</form>-->
<!--		</div>-->

<!--		<div class="btn-group-sm" id="toolbar" role="group">-->
<!--			<div class="qiandaoanniu" onclick="qiandaozt()" ><p>签到</p></div>-->
<!--			<a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="paiban:paibanTest:add">-->
<!--				<i class="fa fa-plus"></i> 添加-->
<!--			</a>-->
<!--			<a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="paiban:paibanTest:edit">-->
<!--				<i class="fa fa-edit"></i> 修改-->
<!--			</a>-->
<!--			<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="paiban:paibanTest:remove">-->
<!--				<i class="fa fa-remove"></i> 删除-->
<!--			</a>-->
<!--			<a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="paiban:paibanTest:export">-->
<!--				<i class="fa fa-download"></i> 导出-->
<!--			</a>-->
<!--		</div>-->
		<div class="col-sm-12 select-table table-striped" >
<!--			<table id="bootstrap-table"></table>-->
			<div class="qiandaoanniu" onclick="qiandaozt();window.location.reload();" ><p>签到</p></div>
		</div>
	</div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
	var editFlag = [[${@permission.hasPermi('paiban:paibanTest:edit')}]];
	var removeFlag = [[${@permission.hasPermi('paiban:paibanTest:remove')}]];
	var prefix = "/paiban/paibanTest/qiandao";






	$(function() {
		var options = {
			url: prefix + "/list",
			createUrl: prefix + "/add",
			updateUrl: prefix + "/edit/{id}",
			removeUrl: prefix + "/remove",
			exportUrl: prefix + "/export",
			modalName: "员工排班",
			columns: [{
				checkbox: true
			},
				{
					field: 'id',
					title: '编号',
					visible: false
				},
				{
					field: 'yuangongName',
					title: '员工姓名'
				},
				{
					field: 'date',
					title: '日期'
				},
				{
					field: 'banci',
					title: '班次'
				},
				{
					field: 'qiandaoStatus',
					title: '签到状态',
					visible: false
				},
				{
					field: 'beizhu',
					title: '备注',
					visible: false
				},
				{
					title: '操作',
					align: 'center',
					formatter: function(value, row, index) {
						var actions = [];
						actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
						return actions.join('');
					}
				}]
		};
		$.table.init(options);
	});

	// function returnQD(){
	//
	// }


	var ajax_ = $.ajax({
		url:"/paiban/paibanTest/list",//要请求的服务器url
		data:{

		},//第一个name对应的是后端request.getParameter("name")的name、第二个name对应的是此js中的var name = $("#name").val();的name
		async:false,//是否是异步请求
		cache:false,//是否缓存结果
		type:"POST",//请求方式
		//dataType:"text",//服务器返回什么类型数据 text xml javascript json(javascript对象)
		success:function(result){//函数会在服务器执行成功后执行，result就是服务器返回结果
			paiban=result
			console.log(paiban);
		}
	});



	function qiandaozt(){
		alert("签到成功！");
		location.reload();
		$.ajax({
			url:"/paiban/paibanTest/qiandao",//要请求的服务器url
			data:{},//第一个name对应的是后端request.getParameter("name")的name、第二个name对应的是此js中的var name = $("#name").val();的name
			async:false,//是否是异步请求
			cache:false,//是否缓存结果
			type:"post",//请求方式
			//dataType:"text",//服务器返回什么类型数据 text xml javascript json(javascript对象)
			success:function(result){//函数会在服务器执行成功后执行，result就是服务器返回结果
				return result
			}
		});
		return null

	}

</script>
</body>
</html>